<template>
	<view class="content">
		<view class="logo" style="">
			<image src="https://aiinterview-1322700550.cos.ap-shanghai.myqcloud.com/wxminiprograme/logo.png"
				mode="widthFix" style="width: 30px;height: 30px;"></image>
			<view style="font-weight: 500;font-size: 22px;color: #FFFFFF;">
				求职精灵
			</view>
		</view>
		
		<view class="header">
		
		</view>
		<view class="foot">
			
		</view>
		<view class="center" >
				<image src="https://aiinterview-1322700550.cos.ap-shanghai.myqcloud.com/wxminiprograme/right.png" 
					mode="widthFix" style="width: 88px"></image>
				<view class="job">
					<view style="font-weight: bold;font-size: 20px;line-height: 50px;height: 100%;
				display: flex;
				align-items: center;
				flex-direction: column;
				justify-content: center;">
					 <view >
					<text class="textTimes">已经完成 </text> 模拟面试
				</view>
						
					</view>
				</view>
				
					<view class="submit" @click="returnpastpage">
					关闭
					</view>
		</view>
		
		<view class="tag">
			<view style="background: linear-gradient(90deg, #6400FF 0% , #FF5EFD 100%);display: inline-block; color: transparent; -webkit-background-clip: text; background-clip: text;margin-left: 15px;">
				AI
			</view>
			<view style="  font-weight: 400; font-size: 15px; color: #282828; opacity: 0.8;">
				，让面试胸有成竹
			</view>
		</view>
	</view>
</template>

<script setup>
import { ref } from 'vue';
const number = ref(0)
const name = ref("李明辉")
const job = ref("产品经理")

const returnpastpage = ()=>{
	console.log('pppppppppppppp')
	uni.navigateTo({
		url: '/pages/login/formlogin'
	})
}
</script>
<style lang="less">
	.content{
		position: relative;
		background: #E4E4FF;
		height: 100vh;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		.logo{
			position: absolute;
			    top: -24%;
			    display: flex;
			    justify-content: center;
				align-items: center;
		}
		.header{
			background: url(https://aiinterview-1322700550.cos.ap-shanghai.myqcloud.com/wxminiprograme/%E5%9B%BE%E5%B1%82%203%402x.png) no-repeat;
			background-size: cover;
			height: 40%;
		}
		.foot{
			background: url(https://aiinterview-1322700550.cos.ap-shanghai.myqcloud.com/wxminiprograme/%E5%9B%BE%E5%B1%82%205.png) no-repeat;
			background-size: cover;
			height: 40%;
		}
		 .tag{
		        background: url(https://aiinterview-1322700550.cos.ap-shanghai.myqcloud.com/wxminiprograme/%E5%9C%86%E8%A7%92%E7%9F%A9%E5%BD%A2%206.png) no-repeat;
		        position: absolute;
		        bottom: 5%;
		        width: 44%;
		        height: 35px;
				line-height: 28px;
		        background-size: cover;
				left:50%;
				transform:translateX(-50%);
				display: flex;

		  }

		.center{
			padding: 10px;
			position: absolute;
			top: 26%;
			height: 48%;
			width: 80%;
			left:50%;
			transform:translateX(-50%);
			background: #FFFFFF;
			box-shadow: 0px 0px 65px 0px rgba(134,103,223,0.29);
			border-radius: 10px;
			border: 4px solid #FFFFFF;
			display: flex;
			flex-direction: column;
			align-items: center;
			image{
				width:40%;
				position: absolute;
				left:50%;
				transform:translateX(-50%);
				top: -20%;
			}
			.job{
				margin: 40px 5px 40px 5px;
				width: 90%;
				height: 40%;
				background: rgba(178,143,255,0.1);
				border-radius: 10px;
				border: 1px solid #5125B2;
			}
			.textTimes {
			  position: relative; /* 为绝对定位伪元素设置参考 */
			  font-weight: bold;
			}
			
			.textTimes:after {
			  content: '';
			  position: absolute;
			  left: 0; /* 边框开始的位置 */
			  bottom: 0; /* 边框与文本的基线对齐 */
			  height: 3px; /* 边框的高度 */
			  width: 100%; /* 边框的宽度 */
			  background: #67e0cf; /* 边框的颜色 */
			  // margin-bottom: 1px; /* 调整边框与文本的距离 */
			}
			.submit{
				width: 100%;
				height: 50px;
				background: #7349E4;
				border-radius: 10px;
				border: 4px solid #FFFFFF;
				text-align: center;
				line-height: 50px;
				font-weight: 500;
				font-size: 20px;
				color: #FFFFFF;
				margin-top: 40px;
			}
			// .line{
			// 	width: 100%;
			// 	text-align: center;
			// }
			// .myinput{

			// }
			// .logo{
			// 	background: url(https://aiinterview-1322700550.cos.ap-shanghai.myqcloud.com/wxminiprograme/ai%20%281%29.png") no-repeat;
			// 	background-size: cover;
			// 	height: 204px;
			// 	width: 193px;
			// }
		}
	}
</style>